<template>
    <div class="page_container">
        <navBar :config="navBarConfig" />
        <div class="page_content">
            <div class="basis">
                <el-input placeholder="主题丶时间丶消息类型" v-model.trim="input" clearable />
                <el-button size="small" type="primary">搜索</el-button>
                <el-button size="small">删除</el-button>
                <el-button size="small" @click="tagHasBeenRead">标记已读</el-button>
                <el-button size="small" @click="markUnread">标记未读</el-button>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'BaiaoweifanUiIndex',

    data() {
        return {
            input: '',
            navBarConfig: {
                leftTool: true,
                rightTool: false,
            },
            selectList:[],
            isUnreadList:[]
        };
    },

    mounted() {
        const data = [
            {
                id:'1',
                theme: '签到',
                time: '1-2-2',
                type: '11'
            },
            {
                id:'2',
                theme: '签到',
                time: '1-2-2',
                type: '12'
            },
        ]
    },

    methods: {
        //标记未读
        markUnread(){
            // this.selectList.forEach(item=>{
            //     this.isUnreadList.push(item.id)
            // })
        },
         //标记已读
        tagHasBeenRead(){
            // this.selectList.forEach(index=>{
            //     this.isUnreadList.splice(index,1)
            // })
        }
    },
};
</script>

<style lang="scss" scoped>
.basis{
    display: flex;
    margin-bottom:25px ;
    ::v-deep .el-input.el-input--suffix{
        width: 200px;
        .el-input__inner{
            height: 35px !important;
            border-radius: 6px;
        }
    }
    ::v-deep .el-button{
        border-radius: 6px;
        margin-left: 15px;
    }
}
.isUnread{
    color: #278df3;
}
.isNoUnread{
    color: #999;
}
</style>